/* color background sidebar #e7dcef (rose clair) */
/* color icon #7030a0 (violet)*/
/* color #92d4ea */
/* color backgoud entreprise: #70C2AF; */
/* color backgoud entreprise: #84CDDA; */
/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Version: 4.2.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.2/admin/
*/
:root {
	--manager: #3071a0;
}

.header .navbar-logo,
.login .login-header .brand .logo,
.header .navbar-nav > li > a .label,
.label.label-theme,
.btn.btn-scroll-to-top {
	background: #7030a0;
}
.header .navbar-nav {
	/* margin: 10px; */
}
.header.navbar-inverse .navbar-brand {
	color: #fff !important;
}

.sidebar .nav > li > a {
	color: rgba(0, 0, 0, 0.75);
}

.text-theme,
.sidebar .nav > li.active > a i {
	color: #7030a0;
}

.phone-reveal {
	background: #7030a03d;
	padding: 0 10px;
	border-radius: 10px;
}

.sidebar .sub-menu > li.active:after {
	border-color: #7030a0;
}

.sidebar .nav > li,
.sidebar .nav > li > a > i {
	font-size: 0.8rem;
}

.sidebar .nav > li.nav-profile {
	padding: 20px;
	color: rgba(0, 0, 0, 0.75);
	background: #92d4ea;
	overflow: hidden;
}

.sidebar .nav > li.nav-profile a {
	padding: 0;
}

.sidebar .nav > li.nav-profile > a {
	margin: -20px;
	padding: 20px;
	display: block;
	color: rgba(0, 0, 0, 0.75);
}

.sidebar .nav > li.nav-profile > a > .info {
	color: rgba(0, 0, 0, 0.75);
}

.sidebar .sub-menu > li > a {
	color: rgba(0, 0, 0, 0.75);
}

.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li.active > a,
.sidebar .sub-menu > li.active > a:hover,
.sidebar .sub-menu > li.active > a:focus {
	color: #fff;
}

/* Added in v1.5 */

.gradient-enabled .sidebar .nav > li.active > a,
.gradient-enabled .sidebar .nav > li.active > a:focus,
.gradient-enabled .sidebar .nav > li.active > a:hover,
.gradient-enabled.page-sidebar-minified
	.sidebar
	.nav
	> li.has-sub.active:focus
	> a,
.gradient-enabled.page-sidebar-minified
	.sidebar
	.nav
	> li.has-sub.active:hover
	> a,
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top,
.gradient-enabled .top-menu .nav > li.active > a,
.gradient-enabled .top-menu .nav > li.active > a:focus,
.gradient-enabled .top-menu .nav > li.active > a:hover {
	background: rgb(254, 143, 185);
	background: -moz-linear-gradient(
		top,
		rgba(254, 143, 185, 1) 0%,
		rgba(251, 85, 151, 1) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(254, 143, 185, 1) 0%,
		rgba(251, 85, 151, 1) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(254, 143, 185, 1) 0%,
		rgba(251, 85, 151, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8fb9', endColorstr='#7030a0', GradientType=0);
}

.gradient-enabled .sidebar .nav > li.active > a {
	z-index: 10;
}

.gradient-enabled .sidebar .nav > li.active > a i,
.gradient-enabled .sidebar .nav > li.active > a .caret {
	color: rgba(0, 0, 0, 0.5);
}

.pace-progress {
	background: #7030a0;
}

.pace .pace-activity {
	border-top-color: #7030a0;
	border-left-color: #7030a0;
}

/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav > li.active > a > i {
	color: #7030a0;
}

.page-with-light-sidebar .sidebar .nav > li.active > a .badge,
.page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme {
	background: #7030a0;
}

.slimScrollDiv {
	/* background: #dca9f9; */
	/* background: #dec2ee; */
	/* background: #dfcaec; */
}

.page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv,
.page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv > div {
	overflow: visible !important;
	height: auto !important;
}

.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div,
.page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv,
.page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv > div {
	overflow: hidden !important;
}

.sidebar .sub-menu > li:before,
.sidebar .sub-menu > li > a:after,
.sidebar .sub-menu > li.has-sub > a:before {
	background: #7030a0;
}

/* Added in v1.9 */

.top-menu .nav > li.active > a i,
.top-menu .nav > li.active > a:focus i,
.top-menu .nav > li.active > a:hover i {
	color: #7030a0;
}
.nameLink:hover {
	color: #7030a0;
}
/* custom style */

.widget-dash .dash-info h4 {
	color: rgba(0, 0, 0, 0.75);
}

.widget-dash .dash-icon {
	color: #7030a0;
	opacity: 0.8;
}

.dash-icon.manager {
	color: var(--manager);
}

.top-menu {
	/*background-color: #0056b3; */
	background-color: #7030a0;
}
.top-menu.manager {
	/*background-color: #0056b3; */
	background-color: var(--manager);
}

.top-menu .nav .sub-menu {
	background: #7030a0;
}

.btn-sm {
	font-size: 0.65rem;
}

.btn.btn-perso,
.btn-sm.btn-perso {
	border: 1px solid #7030a0;
	color: #7030a0;
}

.btn-perso.btn-manager {
	border: 1px solid var(--manager);
	color: var(--manager);
}

.btn.btn-perso-two {
	border: 1px solid #a70c93;
	background: rgb(152, 4, 141);
}

.btn.btn-perso-two:hover,
.btn.btn-perso-two:focus,
.btn.btn-perso-two:active {
	border: 1px solid #029aaa;
	background: #029aaa;
	color: #fff !important;
}

.btn.btn-perso:hover,
.btn.btn-perso:focus,
.btn.btn-perso:active,
.btn-sm.btn-perso:hover,
.btn-sm.btn-perso:focus,
.btn-sm.btn-perso:active {
	border: 1px solid #7030a0;
	background: #7030a0;
	color: #fff !important;
}
.btn.btn-perso.btn-manager:hover,
.btn.btn-perso.btn-manager:focus,
.btn.btn-perso.btn-manager:active,
.btn-sm.btn-perso.btn-manager:hover,
.btn-sm.btn-perso.btn-manager:focus,
.btn-sm.btn-perso.btn-manager:active {
	border: 1px solid var(--manager);
	background: var(--manager);
	color: #fff !important;
}

.btn.btn-perso-reverse {
	border: 1px solid #7030a0;
	background: #7030a0;
	color: #fff;
}

.btn.btn-perso-reverse:hover,
.btn.btn-perso-reverse:focus,
.btn.btn-perso-reverse:active {
	color: #7030a0;
	background: #fff;
}

.btn.btn-perso-file-type,
.btn.btn-perso-file-sous {
	border: 1px solid #7030a0;
	color: #7030a0;
	padding: 0;
}

.btn.btn-perso-file-type > label,
.btn.btn-perso-file-sous > label {
	color: #7030a0;
	margin-bottom: 0px;
	height: 32px;
	width: 100%;
	padding: 0.4rem;
}

.btn.btn-perso-file-type.selected,
.btn-perso-file-sous.selected {
	border: 1px solid #7030a0;
	background: #7030a0;
}

.btn.btn-perso-file-type.selected > label,
.btn.btn-perso-file-sous.selected > label {
	color: #fff !important;
}

.btn.btn-perso-file-type:hover,
.btn.btn-perso-file-type:focus,
.btn.btn-perso-file-type:active,
.btn.btn-perso-file-sous:hover,
.btn.btn-perso-file-sous:focus,
.btn.btn-perso-file-sous:active {
	border: 1px solid #7030a0;
	background: #7030a0;
	color: #fff !important;
}

.btn.btn-perso-file-type:hover > label,
.btn.btn-perso-file-type:focus > label,
.btn.btn-perso-file-type:active > label,
.btn.btn-perso-file-sous:hover > label,
.btn.btn-perso-file-sous:focus > label,
.btn.btn-perso-file-sous:active > label {
	color: #fff !important;
}

/* ******** */

.btn.btn-perso-file-type-admin,
.btn.btn-perso-file-sous-admin {
	border: 1px solid #7030a0;
	color: #7030a0;
	padding: 0;
}

.btn.btn-perso-file-type-admin > label,
.btn.btn-perso-file-sous-admin > label {
	color: #7030a0;
	margin-bottom: 0px;
	height: 32px;
	width: 100%;
	padding: 0.4rem;
}

.btn.btn-perso-file-type-admin.selected,
.btn-perso-file-sous-admin.selected {
	border: 1px solid #7030a0;
	background: #7030a0;
}

.btn.btn-perso-file-type-admin.selected > label,
.btn.btn-perso-file-sous-admin.selected > label {
	color: #fff !important;
}

.btn.btn-perso-file-type-admin:hover,
.btn.btn-perso-file-type-admin:focus,
.btn.btn-perso-file-type-admin:active,
.btn.btn-perso-file-sous-admin:hover,
.btn.btn-perso-file-sous-admin:focus,
.btn.btn-perso-file-sous-admin:active {
	border: 1px solid #7030a0;
	background: #7030a0;
	color: #fff !important;
}

.btn.btn-perso-file-type-admin:hover > label,
.btn.btn-perso-file-type-admin:focus > label,
.btn.btn-perso-file-type-admin:active > label,
.btn.btn-perso-file-sous-admin:hover > label,
.btn.btn-perso-file-sous-admin:focus > label,
.btn.btn-perso-file-sous-admin:active > label {
	color: #fff !important;
}

/*  */

.btn.btn-perso-file-type-medical,
.btn.btn-perso-file-sous-medical {
	border: 1px solid #029aaa;
	color: #029aaa;
	padding: 0;
}

.btn.btn-perso-file-type-medical > label,
.btn.btn-perso-file-sous-medical > label {
	color: #029aaa;
	margin-bottom: 0px;
	height: 32px;
	width: 100%;
	padding: 0.4rem;
}

.btn.btn-perso-file-type-medical.selected,
.btn-perso-file-sous-medical.selected {
	border: 1px solid #029aaa;
	background: #029aaa;
}

.btn.btn-perso-file-type-medical.selected > label,
.btn.btn-perso-file-sous-medical.selected > label {
	color: #fff !important;
}

.btn.btn-perso-file-type-medical:hover,
.btn.btn-perso-file-type-medical:focus,
.btn.btn-perso-file-type-medical:active,
.btn.btn-perso-file-sous-medical:hover,
.btn.btn-perso-file-sous-medical:focus,
.btn.btn-perso-file-sous-medical:active {
	border: 1px solid #029aaa;
	background: #029aaa;
	color: #fff !important;
}

.btn.btn-perso-file-type-medical:hover > label,
.btn.btn-perso-file-type-medical:focus > label,
.btn.btn-perso-file-type-medical:active > label,
.btn.btn-perso-file-sous-medical:hover > label,
.btn.btn-perso-file-sous-medical:focus > label,
.btn.btn-perso-file-sous-medical:active > label {
	color: #fff !important;
}

.login-buttons > .btn.btn-perso {
	background: #7030a0;
	border: 1px solid #7030a0;
	color: #fff;
}

.login-buttons > .btn.btn-perso:hover,
.btn.btn-perso:focus,
.btn.btn-perso:active {
	border: 1px solid #913fcf;
	background: #913fcf;
	color: #fff;
}

.btn-perso:hover > .fa-plus {
	color: #fff;
}

.page-header {
	margin: 25px 25px 25px;
}

h4 {
	margin: 25px 0 25px;
}

.iti {
	display: block !important;
	top: 25px;
	left: 15px;
	position: absolute !important;
}

.result-info {
	width: 86%;
}

.result-list .btn-row a {
	color: #2e353c;
	font-size: 14px;
	line-height: 18px;
	float: left;
	padding: 8px 10px;
	border-radius: 4px;
	opacity: 0.8;
	background: #d9d9d9;
}

.result-list .btn-row a:hover,
.result-list .btn-row a:focus {
	opacity: 1;
}

.org-dashboard {
	/* background: rgba(132, 205, 218, 0.6); */
	background: rgba(112, 194, 175, 0.2);
}

.org-dashboard:hover {
	/* background: rgba(132, 205, 218, 0.6); */
	background: rgba(112, 194, 175, 0.6) !important;
}

.user-dashboard {
	/* background: rgba(132, 205, 218, 0.6); */
	background: rgba(112, 129, 194, 0.2);
}

.user-dashboard:hover {
	/* background: rgba(132, 205, 218, 0.6); */
	background: rgba(112, 129, 194, 0.6) !important;
}

.org-dashboard h1 {
	color: rgba(0, 0, 0, 0.75);
}

.none {
	display: none;
}

.transparant {
	opacity: 0;
	display: none;
}

.toggle {
	animation: my-toggle 2s 1;
}

@keyframes my-toggle {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 50;
	}

	100% {
		opacity: 100;
	}
}

.siren.input-group {
	width: auto;
}

.widget.widget-dash:hover {
	background: rgba(0, 0, 0, 0.1);
}

.btn-table {
	/* margin-bottom: 10px; */
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.75);
	outline: none;
	box-shadow: none;
	-moz-appearance: none !important;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 14px;
	transition: opacity 500ms, color 200ms, background-color 200ms;
	background-color: transparent;
	color: #ff9800;
}

.btn-success-link {
	color: #00acac;
}

.btn-success-link:hover {
	background: #00acac;
	color: #fff;
	border: 1px solid #00acac;
}
.custom-file-upload input[type='file'] {
	display: none;
}

li {
	list-style-type: none;
}

.custom-file-upload .custom-file-upload1 {
	min-width: 200px;
	text-align: center;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	border-radius: 0.25rem;
	color: black;
}

.opac,
.opacTags,
.opac-med,
.opacTagsMed,
.opac-medical,
.opacTagsMedical,
.opac-admin,
.privacy-edit,
.privacy,
.opacTagsAdmin {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	width: 0.1px;
	height: 0.1px;
}

/* styling tree */

.tree,
.tree ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul {
	margin-left: 1em;
	position: relative;
}

.tree ul ul {
	margin-left: 0.5em;
}

.tree ul:before {
	content: '';
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid;
}

.tree li {
	margin: 0;
	padding: 0 1em;
	line-height: 2em;
	color: #7030a0;
	font-weight: 700;
	position: relative;
}

.tree ul li:before {
	content: '';
	display: block;
	width: 10px;
	height: 0;
	border-top: 1px solid;
	margin-top: -1px;
	position: absolute;
	top: 1em;
	left: 0;
}

.tree ul li:last-child:before {
	background: #fff;
	height: auto;
	top: 1em;
	bottom: 0;
}

.indicator {
	margin-right: 5px;
}

.tree li a {
	text-decoration: none;
	color: #707478;
}

.tree li button,
.tree li button:active,
.tree li button:focus {
	text-decoration: none;
	color: #7030a0;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}

/* fin styling tree */
.badge.badge-im-medical {
	font-size: 90%;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(2, 154, 170, 0.6);
	border: 1px solid rgba(2, 154, 170, 0.6);
}

#v-pills-administratif-tab.active {
	background-color: rgba(112, 48, 160, 0.6);
}
#v-pills-medical-tab.active {
	background-color: rgba(2, 154, 170, 0.6);
}

.badge.badge-im-medical:hover {
	color: #ffffff;
	background-color: rgba(2, 154, 170, 0.5);
}

.badge.badge-im-medical.selected {
	background-color: rgba(2, 154, 170, 0.8);
	color: #ffffff;
}

.badge.badge-im-medical.selected:hover {
	background-color: rgba(2, 153, 170, 0.5);
}

.badge.badge-im-admin {
	font-size: 90%;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(112, 48, 160, 0.6);
	border: 1px solid rgba(112, 48, 160, 0.6);
}

.badge.badge-im-admin:hover {
	color: #ffffff;
	background-color: rgba(111, 48, 160, 0.295);
}

.badge.badge-im-admin.selected {
	background-color: rgba(112, 48, 160, 0.8);
	color: #ffffff;
}
.badge.badge-im {
	background-color: #92d4ea;
	color: #fff;
}

.badge.badge-im-admin.selected:hover {
	background-color: rgba(112, 48, 160, 1);
}
.badge.badge-note-admin {
	font-size: 70%;
	background-color: rgba(112, 48, 160, 0.6);
	color:white;
	border: 1px solid rgba(112, 48, 160, 0.6);
}
.badge.badge-note-medical {
	font-size: 70%;
	background-color:rgba(2, 154, 170, 0.5);
	color:white;
	border: 1px solid rgba(2, 154, 170, 0.5);
}

.description {
	font-size: 0.8rem;
}

.card--notes {
	border: 1px solid #f2f3f4;
	min-height: 272px;
}

.card--note {
	border: 1px solid #f2f3f4;
}

.note-overflow {
	max-height: 73vh;
	overflow: auto;
}

.note {
	resize: none;
	padding: 10px;
}

.tableau_restricted {
	height: 60vh;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 80vh;
}

#canvas {
	border: 1px solid #7030a0;
}

#the-canvas {
	display: block;
	width: 100%;
	/* max-width: 800px; */
}

#enattendant {
	width: 100%;
	height: 50vh;
	display: block;
	text-align: center;
	font-size: 2rem;
	padding: 10%;
}

#fenetre {
	opacity: 0;
}

.loading__letter {
	animation-name: fade;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.loading__letter:nth-child(2) {
	animation-delay: 0.1s;
}

.loading__letter:nth-child(3) {
	animation-delay: 0.2s;
}

@keyframes fade {
	0% {
		color: rgb(0, 0, 0);
	}

	100% {
		color: rgb(255, 255, 255);
	}
}

.label-bar {
	background: #7030a0;
	width: 100%;
	color: #fff;
	padding: 15px;
}

.li-styled {
	border: 1px solid lightgray;
	padding: 15px;
	border-radius: 5px;
}

.li-styled.active {
	background-color: #7030a0;
	padding: 5px 8px;
	border: 1px solid #7030a0;
	color: #fff;
}

.list-group-horizontal .list-group-item {
	display: inline-block;
}

.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left: -4px;
	margin-right: 0;
	border-right-width: 0;
}

.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-right-width: 1px;
}

.div .with-btn .btn,
.div .with-btn-group .btn-group {
	margin-top: -8px;
	margin-bottom: -7px;
}

.btn-pdf {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#pdfdownload li a {
	width: auto;
	min-width: 200px;
}

#pdfdownload li a:hover {
	background-color: #f2f2f2;
}

#pdfdownload,
#pdfdl {
	float: left;
	margin: 20px 0 0;
	list-style-type: none;
	padding: 0;
}

#pdfdownload li,
#pdfdl li {
	border: 1px solid #913fcf;
	border-radius: 3px;
	margin: 0 0 10px;
	background-color: transparent;
	display: inline-block;
	margin-right: 15px;
}

#pdfdownload li a,
#pdfdl li a,
a p#pdflogo,
#pdfdownload td a {
	display: inline-block;
	padding-left: 30px;
	background: transparent url(/img/icones/PDF_file_icon.svg) 5px center
		no-repeat;
	background-size: 20px 20px;
	min-height: 25px;
	padding: 6px 10px 7px 30px;
	font-size: 0.8rem;
	text-decoration: none;
	color: #333 !important;
	width: auto;
	min-width: 200px;
}

#pdfdownload li a:hover,
#pdfdl li a:hover {
	background-color: #913fcf;
	color: #fff !important;
}

#pdfdownload li.active a,
#pdfdl li.active a {
	background-color: #913fcf;
}

#pdfdownload li.active a,
#pdfdl li.active a {
	color: white !important;
}

.signtext {
	font-size: 0.9rem;
	margin-top: 1em;
}

#codevalid {
	font-size: 1rem;
	color: green;
}

#codevalid span {
	color: green;
	font-size: 1.5rem;
}

.prodref {
	border: 1px solid #ccc;
	padding: 15px 15px 15px 18px;
	border-radius: 6px;
}

.prodref.oldest {
	background-color: #6666665c;
}

.prodref h4 {
	margin-top: -1.6rem;
}

.prodref h4 span {
	padding: 0 6px;
	margin-left: -6px;
	background-color: white;
}

.signdate {
	text-transform: none;
	color: #666;
	font-size: 0.9rem;
}

/* #pdfdownload{ float: none}
#pdfdownload li {display:inline-block; margin-right: 15px;}
#pdfdownload li a {width: auto; min-width: 220px; position : relative; padding-right: 70px}
#pdfdownload li a:hover{background-color: #f2f2f2} 
#pdfdownload li a:after{position: absolute; right: 15px; content: 'Signé \2713'; color: green} */

.bg-secondary-im {
	background-color: #00000014;
}
.bg-im {
	background-color: #dfcaec !important;
}
.bg-im-bleu {
	background-color: #92d4ea !important;
}

#dl li:hover {
	background-color: #5cc6db;
	border: 1px solid #2db4cf;
}

#signfile {
	background-color: #92d4ea;
	border: 1px solid #2db4cf !important;
	color: #7030a0 !important;
}

#signfile:hover {
	background-color: #5ec1d5;
	border: 1px solid #2db4cf;
}

.fa.fa-signdocs {
	background-image: url(/img/icones/signdocs.svg);
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 1.1rem;
}

.fa.fa-signdocs:hover {
	background-image: url(/img/icones/signdocs.svg);
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 0.5rem;
	color: #fff;
}

.odd .list-files .qmark {
	background-color: #f2f3f4;
	border: 0;
	color: #999;
	font-weight: bold;
	padding: 0;
}

.close:hover {
	color: red !important;
}

.list-files {
	max-width: 600px;
	/* padding-inline-start: 10px; */
	margin-top: 0;
	/* padding-left: 0; */
}

.widget-dash .dash-link a {
	display: block;
	margin: 15px -15px -15px;
	padding: 7px 15px;
	/* background: rgba(0,0,0,0.4); */
	text-align: right;
	color: #fff;
	color: #7030a0;
	/* color: rgba(255,255,255,0.7); */
	text-decoration: none;
}
.widget-dash .dash-link a.manager {
	color: var(--manager);
}

.sidebar {
	width: 220px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 70px;
	background: #dfcaec;
	z-index: 1010;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.sidebar-bg {
	background: #dfcaec;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 220px;
	z-index: 1000;
}

.lh-48 {
	line-height: 42px;
}

.icon a {
	border: none !important;
}

.hidden {
	display: none;
}

.filter-general:hover {
	font-weight: bold;
	cursor: pointer;
}

.filter-general.selected {
	font-weight: bold;
	cursor: pointer;
	color: rgba(112, 48, 160, 0.8);
}

.filter-general.med.selected {
	font-weight: bold;
	cursor: pointer;
	color: rgba(2, 154, 170, 0.8);
}

.p-prev-dl {
	padding-left: 0.61rem;
	padding-right: 0.61rem;
}

.radio-onOff {
	border: 1px solid #7030a0;
	width: 82px;
	border-radius: 2px;
}

.radio-onOff > label > input {
	display: none;
}

.radio-onOff span {
	min-width: 40px;
	padding: 5px;
	display: block;
}

.radio-onOff > label {
	text-align: center;
	min-width: 40px;
	margin-bottom: 0;
}

.radio-onOff input:checked + span {
	background-color: #7030a0;
	color: #fff;
}

.periode {
	max-width: 140px;
	text-align: center;
}

.custom-file-upload input[type='file'] {
	display: none;
}

.custom-file-upload .custom-file-upload1 {
	min-width: 200px;
	text-align: center;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
	border-radius: 0.25rem;
	color: black;
}

.tableau {
	opacity: 0;
	height: 0 !important;
	overflow: hidden;
	transition: height 200ms, opacity 400ms;
}
.tableau.is-show {
	opacity: 1;
	height: auto !important;
	transition: height 400ms, opacity 400ms;
}

#agreeDeclaration {
	width: 30px;
	height: 30px;
}

.inputInvalide {
	border-color: rgb(255, 93, 93);
	outline: 0;
	box-shadow: 0 0 0 0.125rem rgba(255, 93, 93, 0.3);
}

span.required {
	color: red;
}

h6.requiredInfos {
	color: rgb(148, 2, 134) !important;
}

.card-header-im {
	background-color: #92d4ea;
}

.modal-xl {
	max-width: 70%;
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeout {
	animation-name: fadeout;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadein {
	animation-name: fadein;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.showFile:hover {
	cursor: pointer;
	background: #2db4cf;
	color: white;
	padding: 2px 10px;
	border-radius: 3px;
}

.deleteFile:hover {
	color: red;
}
.dev {
	background: #dfcaec !important;
}
.showpass {
	cursor: pointer;
}
.btn-delete:hover {
	cursor: pointer;
}
.panel-title {
	position: relative;
}
.card-header.panel-title {
	font-size: inherit;
}

.panel-title::after {
	content: '\f107';
	color: inherit;
	top: 10px;
	right: 18px;
	position: absolute;
	font-family: 'FontAwesome';
}

.panel-title[aria-expanded='true']::after {
	content: '\f106';
}